﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>

<script src="js/jquery.min.js"></script>

<style type="text/css">
	.box{text-align: center;}
</style>

<body>

<div class="box">
	<h1>AJAX检测ip和地区</h1>
	<p id="city"></p>
	<p id="ip"></p>
</div>

<script type="text/javascript">
$(function(){
	//获取城市ajax
	$.ajax({
	url: 'https://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6',  
	type: 'POST',  
	//dataType: 'jsonp',
	success:function(data) {  
		console.log(data);
		console.log(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city));
		$('#city').html(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city))
	}
	});
	//获取ip ajax
	$.ajax({
	    url: 'http://freegeoip.net/json/',
	    success: function(data){
	       console.log(JSON.stringify(data.ip));
	       $('#ip').html(JSON.stringify(data.ip))
	    },
	    type: 'get',
	    //dataType: 'JSON'
	});
})

</script>


</body>
</html>